<script setup lang="ts">
import useConsultStore from "@/pinia/modules/consultStore/consultStore.ts";

const consultStore = useConsultStore();

</script>

<template>
   <div class="consult-fast-page">
      <NavBar left-text="返回" title="极速问诊" right-text="问诊记录" @click-left="$router.back()" @click-right="$router.push('/user/consult')"></NavBar>
      <div class="fast-logo">
         <img class="img" src="../../../../assets/consult-fast.png" alt="" />
         <p class="text"><span>20s</span> 快速匹配专业医生</p>
      </div>
      <div class="fast-type">
         <router-link to="/consult/department" class="item" @click="consultStore.setIllnessType(1)">
            <svg-icon class="pic" svg-name="doctor" width="30px" height="30px"></svg-icon>
            <div class="info">
               <p>三甲图文问诊</p>
               <p>三甲主治及以上级别医生</p>
            </div>
            <van-icon name="arrow"></van-icon>
         </router-link>
         <router-link to="/consult/department" class="item" @click="consultStore.setIllnessType(0)">
            <svg-icon class="pic" svg-name="message" width="30px" height="30px"></svg-icon>
            <div class="info">
               <p>普通图文问诊</p>
               <p>二甲主治及以上级别医生</p>
            </div>
            <van-icon name="arrow"></van-icon>
         </router-link>
      </div>
   </div>
</template>

<style scoped lang="scss">
.consult-fast-page {
   .fast-logo {
      padding: 30px 0;
      text-align: center;

      .img {
         width: 240px;
      }

      .text {
         font-size: 16px;
         margin-top: 10px;

         > span {
            color: var(--cp-primary);
         }
      }
   }

   .fast-type {
      padding: 15px;

      .item {
         display: flex;
         padding: 16px;
         border-radius: 4px;
         align-items: center;
         margin-bottom: 16px;
         border: 0.5px solid var(--cp-line);
      }

      .pic {
         width: 40px;
         height: 40px;
      }

      .info {
         margin-left: 12px;
         flex: 1;

         > p:first-child {
            font-size: 16px;
            color: var(--cp-text1);
            margin-bottom: 4px;
         }

         > p:last-child {
            font-size: 13px;
            color: var(--cp-tag);
         }
      }

      .van-icon {
         color: var(--cp-tip);
      }
   }
}
</style>
